import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import router from 'vue-router'

const request = axios.create({
  baseURL: 'http://big-event-vue-api-t.itheima.net',
  timeout: 5000
})

// 请求拦截器
request.interceptors.request.use(config => {
  // 在发送请求之前做些什么,统一携带token
  // config就是请求对象，对config的处理，就是对最终发出的请求的处理
  if (store.state.user.token) {
    config.headers.Authorization = `${store.state.user.token}`
  }

  return config
}, error => {
  // 对请求错误做些什么

  return Promise.reject(error)
})

// 响应拦截器
request.interceptors.response.use(response => {
  // 对响应数据做点什么
  const { code, message } = response.data
  if (code === 0) {
    return response.data
  } else {
    Message.error(message)
    return Promise.reject(new Error(message))
  }
}, error => {
  // 对响应错误做点什么
  // error 信息 里面 response 的对象
  console.log(error)
  if (error.response && error.response.data && error.response.data.code === 1) {
    store.dispatch('user/logout')
    router.push('/login')
  } else {
    Message.error(error.message) // 提示错误信息
  }
  // 返回执行错误 让当前的执行链跳出成功 直接进入catch
  return Promise.reject(error)
})

export default request
